<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>layout</title>
    <link rel="stylesheet" href="css/layout.css"/>
</head>
<body>
    <div class="header">
        <h1>标题</h1>
        <p>标题内容</p>
    </div>
    <div class="navibar_parent">
        <a>菜单1</a>
        <a>菜单2</a>
        <a>菜单3</a>
        <a>菜单4</a>
    </div>
    <div class="raw">
        <div class="column main">
            <div class="card">
                <h2>卡片标题</h2>
                <h5>2019 年 4 月 17日</h5>
                <div class="bigfakeimg">图片</div>
            </div>
            <div class="card">
                <h2>卡片标题</h2>
                <h5>2019 年 4 月 17日</h5>
                <div class="bigfakeimg">图片</div>
            </div>
        </div>
        <div class="column side">
            <div class="card">
                <h2>关于我</h2>
                <div class="smallfakeimg">图片</div>
                <h5>关于我的一些信息</h5>
            </div>
            <div class="card">
                <h2>关于我</h2>
                <div class="smallfakeimg">图片</div>
                <h5>关于我的一些信息</h5>
            </div>
            <div class="card">
                <h2>关于我</h2>
                <div class="smallfakeimg">图片</div>
                <h5>关于我的一些信息</h5>
            </div>
        </div>
    </div>
</body>
</html>